<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="./jquery/jquery.js"></script>

</head>
<body>
    <input id="myinput" type="text" name="username" value="张三" /><br />
    <div id="mydiv">
        <p><a href="#">标题标签</a></p>
    </div>

    <ul>
        <li id="bj" name="beijing" xxx="yyy" >北京</li>
        <li id="tj" name="tianjin">天津</li>
    </ul>
    <input type="checkbox" id="hobby"/>
</body>
<script type="text/javascript">
    /*$(function () {
        //获取张三
        alert($("#myinput").val());
        //获得mydiv的文本内容
        alert($("#mydiv").text());
        //获得mydiv的标签体内容
        alert($("#mydiv").html())
    })*/
    //获取北京节点的name属性值
    alert($("#bj").attr("name"));
    // 设置北京节点的name属性的值为dabeijing
    $("#bj").attr("name","dabeijing");
    //新增北京节点的discription属性 属性值是didu
    $("#bj").attr("discription","wudu");
    // 删除北京节点的name属性并检验name属性是否存在
    $("#bj").removeAttr("name");
    //获得hobby的的选中状态
    alert($("#hobby").prop("checked"));
</script>
</html>